export const sheetOpt = {
  // @ts-ignore
  // backgroundColor: '#e0e6f1',
  tooltip: {
    show: true,
    trigger: 'item',
    showContent: true,
    formatter: function (params: any) {
      //   console.log('tooltip', params.data);
      return `
                <div>
                    <div>1 缺陷Id：  ${params.data['uid']}</div>
                    <div>2 缺陷名称：  ${params.data['name']}</div>
                    <div>3 缺陷类型：  ${params.data['flawType']}</div>
                    <div>4 缺陷symbol：${params.data['icon']}</div>
                    <div>5 缺陷坐标：  [${params.data['value']}]</div>
                </div>
            `;
    },
    borderColor: '#409EFF',
    textStyle: {
      color: '#67C23A',
      fontSize: 11
    }
  },
  xAxis: [
    {
      axisLabel: {
        formatter: function (value, index) {
          return Number(value);
          //   if (index % 2 == 0) {
          //     return Number(value);
          //   } else {
          //     return '';
          //   }
        },
        fontSize: 10
        // width:50
        // rotate: 45 // 字体的倾斜角度
      },
      //   splitNumber: 10,
      min: 0,
      max: 200
    }
  ],
  yAxis: {
    type: 'value',
    axisLabel: {
      formatter: function (value, index) {
        return Number(value);
      },
      fontSize: 10
      // width:50
      //   rotate: 45 // 字体的倾斜角度
    },
    // splitNumber: 10,
    min: 0,
    max: 100
  },
  grid: {
    left: 80
    // right: 0,
    // bottom: 0,
    // top: 0
  },
  animation: false,
  series: [
    {
      name: 'y',
      type: 'scatter',
      data: [],
      symbolSize: 10,
      itemStyle: {
        opacity: 1,
        color: 'rgba(255, 255, 255, 0)'
      },
      label: {
        show: true,
        color: 'red',
        formatter(params) {
          //   console.log('params--cardTxt', params);
          // const paramsData = params.data as any;
          // const flawInfo = paramsData[2] as unknown as any;
          // return flawInfo.cardTxt || '';
          return params.data?.icon;
        },
        fontWeight: 'bolder',
        fontSize: 12 // 其实是symbol的大小
      },
      // 文字底部是rect框，透明，便于点击文字选中
      symbol: 'rect',
      // large: true, // 是否开启大数据量优化
      // largeThreshold: 2000, // 开启大数据量数据优化的阈值
      //   legendHoverLink: true,
      animation: false
      //   animationThreshold: 2000 // 当点数超过2000时关闭动画提高渲染效率
    }
    // {
    //   name: '',
    //   symbolSize: 1,
    //   data: [
    //     [-10, -10],
    //     [-10, -10]
    //   ],
    //   type: 'line',
    //   color: 'red',
    //   symbol: null,
    //   label: {
    //     show: true,
    //     formatter: function (params) {
    //       //   console.log('params', params);
    //       return params?.seriesName; //返回type名
    //     }
    //   }
    // }
  ]
  //   dataZoom: [
  //     {
  //       orient: 'horizontal',
  //       show: true, //控制滚动条显示隐藏
  //       realtime: true, //拖动滚动条时是否动态的更新图表数据
  //       height: 5, //滚动条高度
  //       start: 0, //滚动条开始位置（共100等份）
  //       end: 100, //滚动条结束位置,
  //       handleSize: '100%'
  //     },
  //     {
  //       type: 'inside',
  //       brushSelect: true,
  //       start: 0,
  //       end: 100,
  //       xAxisIndex: [0]
  //     },
  //     {
  //       orient: 'vertical',
  //       show: true, //控制滚动条显示隐藏
  //       realtime: true, //拖动滚动条时是否动态的更新图表数据
  //       //   height: 300, //滚动条高度
  //       start: 0, //滚动条开始位置（共100等份）
  //       end: 100, //滚动条结束位置
  //       width: 5,
  //       handleSize: '100%'
  //     },
  //     {
  //       type: 'inside',
  //       yAxisIndex: 0,
  //       zoomOnMouseWheel: true, //滚轮是否触发缩放
  //       moveOnMouseMove: true, //鼠标滚轮触发滚动
  //       moveOnMouseWheel: true
  //       //   moveOnMouseMove:false,  //鼠标滚轮触发滚动
  //       // moveOnMouseWheel:false
  //     }
  //     // {
  //     //   id: 'dataZoomY',
  //     //   yAxisIndex: [0],
  //     //   show: true, //是否显示滑动条，不影响使用
  //     //   type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
  //     //   startValue: 0, // 从头开始。最开始可视Y轴范围的区间
  //     //   endValue: 20, // 一次性展示5个
  //     //   width: 10,
  //     //   borderColor: 'transparent',
  //     //   fillerColor: 'rgba(205,205,205,1)',
  //     //   zoomLock: true,
  //     //   showDataShadow: false, //是否显示数据阴影 默认auto
  //     //   backgroundColor: '#fff',
  //     //   showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
  //     //   realtime: true, //是否实时更新
  //     //   filterMode: 'empty', // 滑动Y轴滚轮时，X轴的刻度尺最大最小不发生变化
  //     //   handleIcon: 'circle',
  //     //   handleStyle: {
  //     //     color: 'rgba(205,205,205,1)',
  //     //     borderColor: 'rgba(205,205,205,1)'
  //     //   },
  //     //   handleSize: '80%',
  //     //   // handleSize: 0,
  //     //   orient: 'vertical', // 滚轮是横着还是竖着
  //     //   moveHandleSize: 0,
  //     //   // maxValueSpan: 20,
  //     //   // minValueSpan: 4,
  //     //   brushSelect: false //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）
  //     // },
  //     // {
  //     //   type: 'inside',
  //     //   yAxisIndex: 0,
  //     //   zoomOnMouseWheel: true, //滚轮是否触发缩放
  //     //   moveOnMouseMove: true, //鼠标滚轮触发滚动
  //     //   moveOnMouseWheel: true
  //     //   //   moveOnMouseMove:false,  //鼠标滚轮触发滚动
  //     //   // moveOnMouseWheel:false
  //     // },
  //     // {
  //     //   type: 'slider',
  //     //   xAxisIndex: [0],
  //     //   zoomOnMouseWheel: true, //滚轮是否触发缩放
  //     //   moveOnMouseMove: true, //鼠标滚轮触发滚动
  //     //   moveOnMouseWheel: true
  //     //   //   moveOnMouseMove:false,  //鼠标滚轮触发滚动
  //     //   // moveOnMouseWheel:false
  //     // },
  //     // {
  //     //     id: 'dataZoomX',
  //     //     yAxisIndex: [0],
  //     //     show: true, //是否显示滑动条，不影响使用
  //     //     type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
  //     //     startValue: 0, // 从头开始。最开始可视Y轴范围的区间
  //     //     endValue: 20, // 一次性展示5个
  //     //     width: 10,
  //     //     borderColor: 'transparent',
  //     //     fillerColor: 'rgba(205,205,205,1)',
  //     //     zoomLock: true,
  //     //     showDataShadow: false, //是否显示数据阴影 默认auto
  //     //     backgroundColor: '#fff',
  //     //     showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
  //     //     realtime: true, //是否实时更新
  //     //     filterMode: 'empty', // 滑动Y轴滚轮时，X轴的刻度尺最大最小不发生变化
  //     //     handleIcon: 'circle',
  //     //     handleStyle: {
  //     //       color: 'rgba(205,205,205,1)',
  //     //       borderColor: 'rgba(205,205,205,1)'
  //     //     },
  //     //     handleSize: '80%',
  //     //     // handleSize: 0,
  //     //     orient: 'vertical', // 滚轮是横着还是竖着
  //     //     moveHandleSize: 0,
  //     //     // maxValueSpan: 20,
  //     //     // minValueSpan: 4,
  //     //     brushSelect: false //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）
  //     //   },
  //     // {
  //     //     type: 'inside'
  //     //   },
  //     //   {
  //     //     type: 'slider',
  //     //     showDataShadow: false,
  //     //     handleIcon:
  //     //       'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
  //     //     handleSize: '80%'
  //     //   },
  //     //   {
  //     //     type: 'inside',
  //     //     orient: 'vertical'
  //     //   },
  //     //   {
  //     //     type: 'slider',
  //     //     orient: 'vertical',
  //     //     showDataShadow: false,
  //     //     handleIcon:
  //     //       'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
  //     //     handleSize: '50%'
  //     //   }
  //   ]
};
